<template>
  <div>
    <van-tabs title-active-color='#ff6633'>
        <van-tab title="未通过">
          <van-list
          v-model="loading"
          :finished="finished"
          finished-text="没有更多了"
          >
          <van-cell v-for="item in list" :key="item" title="20220408审批单" is-link to="approval"/>
          </van-list>
        </van-tab>
        <van-tab title="待审批">
          <van-list
          v-model="loading"
          :finished="true"
          finished-text="没有更多了"
          >
          <van-cell v-for="item in 1" :key="item" title="20220413审批单" is-link to="approval"/>
          </van-list>
        </van-tab>
        <van-tab title="已完成">
          <van-list
          v-model="loading"
          :finished="finished"
          finished-text="没有更多了"
          >
            <van-cell v-for="item in 3" :key="item" title="20220423审批单" is-link to="approval"/>
          </van-list>
        </van-tab>
    </van-tabs>
  </div>
</template>
<script>
export default {
  name: 'examine-list',
  data () {
    return {
      list: 6,
      loading: false,
      finished: true
    }
  }
}
</script>
<style lang="less" scoped>
/deep/.van-tabs__line {
  background-color: #ff6633;
}
.van-cell__title, .van-cell__value {
    display: flex;
    align-items: center;
}
.van-cell{
    display: flex;
    align-items: center;
    margin-top: .625rem;
}
</style>
